/*
  学习目标：hooks补充- useRef
  1. useRef: 在函数组件创建ref对象
  // ref的作用： 3. 💥 可以保存任意（不需要渲染）的数据  1. 获取dom元素、 2. 获取（类）组件实例
  2. useHistory
  3. useLocation
*/
import React, { useEffect, useRef, useState } from 'react';

export default function App(params) {
  const [isShow, setIsShow] = useState(true);

  return <>{isShow && <Child />}</>;
}
function Child() {
  const timerIdRef = useRef();

  useEffect(() => {
    timerIdRef.current = setInterval(() => {
      console.log(123);
    }, 100);
  }, []);

  useEffect(() => {
    return () => {
      clearInterval(timerIdRef.current);
    };
  }, []);
  return <h1>Child</h1>;
}
